<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body>

		<style>
		    .red88{
		      color: red;
		    }
		    .blue88{
		      background: blue;
		    }
			.yellow88{
			  color: yellow;
			}
		  </style>

		<!--大多数情况下，直接写一长串的样式不便于阅读和维护，所以一般写在data或computed里。-->

	 <div id="app">
	     <div :style="styles">文本1</div>
		 <div v-bind:style="styles">文本2</div>
	 </div>
	 
	 <script>
	     var app = new Vue({
	         el: "#app",
	         data: {
	             styles: {
	                 color: "red",
	                 fontSize: 14 + "px",
	             }
	         }
	     });
	 </script>
		
		
</html>
